<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table{
            /*css注释 合并单元格边框*/
            border-collapse:collapse;
        }
    </style>
</head>

<body>
    <!-- 表格标签 table
         tr 表示一行
        td表示一列中的一个单元格
        border 表示边框 
        cellspacing 单元格和单元格之间的距离设置为0
        align设置表格水平对齐方式 左对齐 右对齐 居中对齐
        left center right
        width heigh 表格特有属性
        background 设置背景图片-->
    <table bgcolor="pink"  width="500px" height="400px" align="center" border="1" cellspacing="0">
        <tr>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
        </tr>
        <tr bgcolor="orange">
            <td>terry</td>
            <td bgcolor="cyan">28</td>
            <td>male</td>
        </tr>
        <tr>
            <td>larry</td>
            <td>35</td>
            <td>female</td>
        </tr>
    </table>
</body>

</html>